// 定义全局样式混合宏
@mixin global-styles {
    // 在这里编写您的全局样式
    body,page{
        font-family: PingFangSC, PingFang SC;
        background: #F0F3F7;
        font-size:28rpx;
        color:#333;
    }
    // 定义字体大小
    .g-fs-20{
        font-size: 20rpx;
    }
    .g-fs-22{
        font-size: 22rpx;
    }
    .g-fs-24{
        font-size: 24rpx;
    }
    .g-fs-26{
        font-size: 26rpx;
    }
    .g-fs-28{
        font-size: 28rpx;
    }
    .g-fs-30{
        font-size: 30rpx;
    }
    .g-fs-32{
        font-size: 32rpx;
    }
    .g-fs-34{
        font-size: 34rpx;
    }
    .g-fs-36{
        font-size:36rpx;
    }
    .g-fs-38{
        font-size:38rpx;
    }
    .g-fs-40{
        font-size:40rpx;
    }
    .g-fs-42{
        font-size:42rpx;
    }
    .g-fs-44{
        font-size:44rpx;
    }
    .g-fs-46{
        font-size:46rpx;
    }
    .g-fs-48{
        font-size:48rpx;
    }
    .g-fw-b{
        font-weight: bold;
    }
    // 定义圆角
    .g-radius-40{
        border-radius: 40rpx;
    }
    // 定义间距
    .g-mt-10{
        margin-top:10rpx;
    }
    .g-mb-10{
        margin-bottom:10rpx;
    }
    .g-mb-36{
        margin-bottom: 36rpx;
    }
    .g-mt-36{
        margin-top: 36rpx;
    }
    .g-ml-24{
        margin-left: 24rpx;
    }
    .g-ml-32{
        margin-left: 32rpx;
    }
    .g-mr-24{
        margin-right: 24rpx;
    }
    .g-mr-32{
        margin-right: 32rpx;
    }

    .g-flex{
        display: flex;
    }
    .g-flex-row {
        display: flex;
        align-items: center; /* 垂直居中对齐 */
        flex-direction: row;
    }
    .g-flex-col {
        display: flex;
        align-items: center; /* 垂直居中对齐 */
        flex-direction: column;
    }
    .g-space-between{
        justify-content: space-between;
    }
    .g-flex-start{
        justify-content: flex-start;
    }
    .g-flex-end{
        justify-content: flex-end;
    }
    .g-align-start{
        align-items: flex-start;
    }
    .g-align-end{
        align-items: flex-end;
    }
    .g-align-center{
        align-items: center;
    }
    .g-overflow-hidden1{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .g-overflow-hidden2{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .g-overflow-hidden3{
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}